@import "mixins";
@import "fonts";

.cm-s-custom_theme.CodeMirror {
	background: $dark_bg; 
	color: $main_text2;
	border-right: 0px solid $gutter_bg;

	font: {
		family: $font_monospace;
		size: 13px;
	}

	::-webkit-scrollbar {
		box-sizing: content-box;
		width: 10px;
		padding-right: 2px;
		padding: 2px;
	}
	::-webkit-scrollbar-thumb {
		box-sizing: content-box;
		border-radius: 10px;
		background: $accent1;
		border: 1px solid $dark_bg;
		// box-shadow: inset -2px -2px 4px darken($accent1, 10%);
	}
} 

.cm-s-custom_theme {
	
	// the error mark bar
	.errormarks {
		width: 12px;
		text-align: center;
	}

	// the actual error mark
	.errormark {
		margin: 0px;
		padding: 0px;
		line-height: 100%;
		img {
			margin: 0px;
			max-height: 10px;
			max-width: 10px;
			padding: 0px;
			vertical-align: middle;
		}
	}

	.CodeMirror-selected {
		background: $accent1 !important;
	}
	.CodeMirror-gutters {
		background: $gutter_bg; 
		border-right: 1px solid $accent2;
	}
	.CodeMirror-linenumber {
		color: $gutter_text;
		font: {
			family: $font_monospace;
			size: 13px;
		}
	}
	.CodeMirror-cursor {
		border-left: 1px solid white !important;
	}
	.cm-keyword {
		color: #f9ee98;
	} 
	.cm-atom {
		color: #FC0;
	}
	.cm-number {
		color:  #ca7841;
	} 
	.cm-def {
		color: #8DA6CE;
	}
	span.cm-variable-2,  span.cm-tag {
		color: #607392;
	} 
	span.cm-variable-3,  span.cm-def {
		color: #607392;
	} 
	.cm-operator {
		color: #cda869;
	} 
	.cm-comment {
		color: #777;
		font-style: italic;
		font-weight: normal;
	}
	.cm-string {
		color: #8f9d6a; font-style: italic;
	}
	.cm-string-2 {
		color: #bd6b18;
	}
	.cm-meta {
		background-color: $dark_bg;
		color: $main_text2;
	} 
	.cm-error {
		border-bottom: 1px solid red;
	}
	.cm-builtin {
		color: #cda869;
	} 
	.cm-tag {
		color: #997643;
	} 
	.cm-attribute {
		color: #d6bb6d;
	} 
	.cm-header {
		color: #FF6400;
	}
	.cm-hr {
		color: #AEAEAE;
	}
	.cm-link {
		color: #ad9361;
		font-style: italic;
		text-decoration: none;
	} 
	// 
	.CodeMirror-matchingbracket {
		text-decoration: underline;
		color: $main_text2 !important;
	}
	.CodeMirror-activeline-background {
		background: lighten($dark_bg, 3%);
	}
}